<template>
	<span class="state__wrap"><i :style="{ 'background': color }"></i>{{ text }}</span>
</template>
<script>
export default {
	props: {
		text: {
			type: String,
			required: true
		},
		color: {
			type: String,
			default: '#6D88FF'
		}
	}
}
</script>
<style lang="scss" scoped>
	.state__wrap {
		display: flex;
		/*justify-content: center;*/
    justify-content: left;
		align-items: center;
		i {
			width: 6px;
			height: 6px;
			margin-right: 7px;
			border-radius: 100%;
		}
	}
</style>

